*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
#header{
    width: 10rem;
    height: 50px;
    background-color: #1D6DFF;
    .xz{
        color: white;
        font: .48rem/1.3333rem "";
    }
}
#search{
    width: 10rem;
    height: 50px;
    border-bottom: .0267rem solid #ccc;
    overflow: hidden;
    position: relative;
    .search{
        height: .8rem;
        overflow: hidden;
        width: 9.4667rem;
        margin: .2667rem auto;
        .txt{
            float: left;
            background-color: #F1F1F1;
            height: .8rem;
            width: 8.4rem;
            border: none;
            border-radius: .4rem;
            font: .4267rem/.8rem "";
            padding-left: .2667rem;
        }
        p{
            float: right;
            background-color: #1D6DFF;
            color: white;
            height: .8rem;
            width: 1.7333rem;
            font: .4267rem/.8rem "";
            border-radius: .4rem;
            text-align: center;
            position: absolute;
            right: .2667rem;
            top: .2667rem;
        }
    }
}
#tag{
    .tag{
        width: 10rem;
        height: 1.0667rem;
        background-image: linear-gradient(#fff, #ccc);
        .puba{
            text-decoration: none;
            color: black;
            font: .3733rem/1.0667rem "";
        }
        .a1{
            margin-left: .2667rem;
        }
        .screen{
            font: .4267rem/.8rem "";
            width: 1.6rem;
            height: .8rem;
            border: 1px #ccc solid;
            border-radius: .1333rem;
            text-align: center;
            background-image: linear-gradient(#ccc, #fff);
            float: right;
            margin-top: .1067rem;
            margin-right: .2667rem;
        }
    }
}
#main{
    width: 10rem;
    .lis li{
       .img1{
        display: block;
        width: 4.5333rem;
        height: 4.5333rem;
        margin: 0 auto;
       }
       .jieshao{
        font: .5333rem/.5867rem "";
        padding: 0 .2667rem;
        font-weight: normal;
        margin: .2667rem 0;
       }
       .jiapin{
           padding: 0 .2667rem;
           .x1{
            font: .4267rem/.48rem "";
            font-weight: normal;
           }
           .x2{
            font: .4267rem/.48rem "";
            font-weight: normal;
            position: relative;
            left: 2.1333rem;
           }
       }
       .qmai{
           width: 10rem;
           display: flex;
           flex-direction: row;
           margin: .5333rem 0;
           .img2{
            margin-left: .2667rem;
           }
           .x3{
            font: .4267rem/.48rem "";
            flex: 1;
           }
           .x4{
            font: .4267rem/.48rem "";
            flex: 1;
           }
           .x5{
            font: .4267rem/.48rem "";
            flex: 1;
           }
       }
    }
    #webfriendsaid{
        width: 10rem;
        .p1{
           background-color: #DBDBDB; 
           margin: .2667rem 0;
           height: 1.0667rem;
           font: .5067rem/1.0667rem "";
           text-align: center;
        }
        .wypj{
            border: 1px solid #ccc;
            .box{
                padding: 0 .2667rem;
                .title{
                    border-top: 1px solid #ccc;
                    margin-bottom: .2667rem;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    .j{
                        width: 2.6667rem;
                    }
                }
                .container{
    
                }
            }
        }
    }
    //------------------------
    #more{
        height: 1.6rem;
        background-color: #F4F4F4;
        p{
            height: .8rem;
            border: 1px solid #ccc;
            border-radius: .1333rem;
            margin: .2667rem .2667rem 0 .2667rem;
            text-align: center;
            font: .32rem/.8rem "";
            color: #666;
        }
    }
}
#foot{
    .title{
        color: white;
        background-color: #1D6DFF;
        width: 10rem;
        height: .9333rem;
        font: .5rem/.9333rem "";
        font-weight: bold;
    }
    ul{
        width: 10rem;
        display: flex;
        margin: 15px 0;
        li{
            border-top: 1px solid #666;
            border-bottom: 1px solid #666;
            flex: 1;
            height: .9067rem;
            text-align: center;
            color: #666;
            font: .3733rem/.9067rem "";
        }
        .li1{
            border-right: 1px solid #666;
        }
        .li3{
            border-left: 1px solid #666;
        }
    }
    .p1{
        height: 1.0133rem;
        width: 10rem;
        text-align: center;
        font: .3733rem/.5067rem "";
        color: #666;
    }
}
.title{
    position: relative;
}
#x{
    position: absolute;
    right: .5333rem;
}